<html  lang="en"  xmlns:th="http://www.thymeleaf.org" >
    <!--菜单新增页面-->
    <head th:include="frame/fm/res :: headerTableCss">
        <meta charset="UTF-8" />
    </head>
    <head>
        <script th:inline="JavaScript">
            var menuId = [[${menuId}]];
        </script>
        <style type="text/css">
            .form-row{
                float: left;
                width: 30%;
                padding: 20px;
            }
        </style>
    </head>
    <body>
        <div>
            <!-- Main Content -->
            <div class="page-wrapper">
                <div class="container-fluid">
                    <span th:replace="frame/fm/res :: breadcrumb"></span>
                    <!-- Row -->
                    <div class="row">
                        <div class="col-sm-12 col-xs-12 col-md-12 " style="background-color: white;">
                            <div class="form-wrap">
                                <form onsubmit="return addMenu.commitAdd();" action="#">
                                    <div class="form-group form-row">
                                        <div class="input-group">
                                            <div class="input-group-addon">名称</div>
                                            <input type="text" class="form-control" id="menuName" onblur="addMenu.isMenuName()" placeholder="输入名称..."/>
                                        </div>
                                    </div>
                                    <div class="form-group form-row">
                                        <div class="input-group">
                                            <div class="input-group-addon">类型</div>
                                            <select class="form-control" id="menuType">
                                                <option value="1">页面</option>
                                                <option value="2">按钮</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group form-row">
                                        <div class="input-group">
                                            <div class="input-group-addon">图标</div>
                                            <select class="form-control" id="menuIcon">
                                                <option value="icon-plus-add">新增按钮</option>
                                                <option value="fa fa-pencil-square-update">修改按钮</option>
                                                <option value="fa fa-minus-circle-del">删除按钮</option>
                                                <option value="fa fa-eye">查看图标</option>
                                                <option value="fa fa-pencil">修改图标</option>
                                                <option value="fa fa-minus">删除图标</option>
                                                <option value="switch-button">开关按钮</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group form-row">
                                        <div class="input-group">
                                            <div class="input-group-addon">url</div>
                                            <input type="text" class="form-control" id="menuUrl" placeholder="输入URL..."/>
                                        </div>
                                    </div>

                                    <div class="form-actions mt-10">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-md-offset-4 col-md-9" style="padding-bottom: 20px;">
                                                        <button type="submit" id="commit" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;"><i class="icon-heart-com"></i></button>
                                                        <button type="button" id="cancel" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;margin-left:20px"><i class="icon-shield-qx"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" th:src="${application.staticUrl}+'base/menu/js/addMenu.js'"></script>
</html>